{% load staticfiles %}
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <meta name="baidu-site-verification" content="f0Ynh49k75" />
    {% block metamessage %}
        <meta name="description" content="x-cherry是由无良小万创建的个人网站，实现一些有趣的小功能。网页整体功能将随着不断的学习进步不断完善成期待的样子"/>
        <meta name="keywords" content="无良小万,车牌识别,个人网站,个人建站,网络小说"/>
        <meta name="author" content="无良小万">
    {% endblock %}
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?b976a61b7c00952b9c0bb980eee2eab7";
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(hm, s);
        })();
    </script>

	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://v3.bootcss.com/assets/css/docs.min.css" rel="stylesheet">
    <!-- 网页标题图标 -->
    <link rel="apple-touch-icon" href="{% static 'imgs/favicon.jpg' %}">
    <link rel="icon" href="{% static 'imgs/favicon.jpg' %}">
    {% block basestyle %}
        <style>
            body {
                margin-top: 6rem;
            }
            [v-cloak] {  
                display:none !important;  
            }
        </style>
    {% endblock %}

    {% block topscript %}
    {% endblock %}

    {% block style %}
    {% endblock %}
    <title>{% block title %}每天都有新内容{% endblock %}</title>
</head>

<body ondragstart="return false">
    <script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
    {% include 'novel_nav.html' %}
    <div>
        {% block content %}
            <h3>this is the part of content</h3>
        {% endblock %}
    </div>
    <div data-toggle="modal" data-target="#promptCase" style="display: none;" id="promptbtn"></div>
		<div class="modal fade" tabindex="-1" role="dialog" id="promptCase">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<h4 class="modal-title">提示</h4>
					</div>
					<div class="modal-body">
						<p>服务器爬虫爬取内容失败，请刷新页面后重试&hellip;</p>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
					</div>
				</div>
			</div>
		</div>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    {% block footerscript %} {% endblock %}
</body>

</html>